
<template>
  <div class="user-msg-page" :style="'padding-top:'+headHeight+'rpx;'">
 
    <head-back title="消息通知" @goBack="goBack"></head-back> 
    <!--消息通知-->
    <!-- <div class="msg-box">
        <p class="title"><span class="unread"></span>【活动】中秋荐令翻倍活动火热进行中</p>
        <p class="content">音乐是反映人类现实生活情感的一种艺术音乐可以分为 声乐和器乐两大类型，又可以粗略的分为古典音乐、民 间音 乐、原生态音乐、现代音乐（包括流行音乐）等。</p>
    </div>

    <div class="msg-box">
        <p class="title"><span class="unread"></span>【活动】中秋荐令翻倍活动火热进行中</p>
        <img class="img" src="https://gg.ewang.com/group2/M00/00/6A/wKgDNV1NHTuAPAQgAADSf2OAdVE139.png!wh_80x80.png"/>
    </div> -->
    <div class="text-center" style="margin:20rpx 0;">暂无通知</div> 

  </div>
</template>
<script>
    const app = getApp();
    import headBack from '@/components/head-back.vue' ;
  export default {
    onLoad(){

    },
    onShow: function () {

    },

    data () {
        return {
            headPadding:wx.getStorageSync('headPadding'), 
            headHeight:wx.getStorageSync('headHeight'), 
        }
    },

    components:{
        headBack 
    },
    methods: {
        goBack(){ 
            setTimeout(()=>{
                wx.navigateBack({ delta: 1 });
            },300);
        }, 

    },
  }
</script>

<style lang="scss" scoped>
  .user-msg-page{
    width:100%;
    height:100%;
    color:#666666;
    background: #F1F2F7;
    font-size: 28rpx;

    .nav{height: 162rpx;text-align: center}

    //消息通知
    .msg-box{
        margin-bottom: 20rpx;
        padding: 32rpx 33rpx;
        background:#ffffff;

        .title{
            padding: 36rpx 0;
            display:flex;
            align-items:center;
            font-size: 34rpx;
            font-weight: 600;
            color: #0E0E0E;

            .unread{
                margin-right: 5rpx;
                width: 12rpx;
                height: 12rpx;
                display: inline-block;
                background:rgba(251,52,73,1);
                border-radius:50%;
            }
        }
        .img{
            width: 658rpx;
            height: 230rpx;
        }
    }
  }

</style>
